<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"> 
<head>
<title>Custom Article Page (Image Carousel)</title>

<!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
<mso:TemplateHidden msdt:dt="string">FALSE</mso:TemplateHidden>
<mso:MasterPageDescription msdt:dt="string">Displays a result tailored for the bootstrap 3 carousel.</mso:MasterPageDescription>
<mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
<mso:TargetControlType msdt:dt="string">;#SearchResults;#</mso:TargetControlType>
<mso:ManagedPropertyMapping msdt:dt="string">'Title':'Title','Path':'Path','BannerImage'{Banner Image}:'BannerImageOWSIMGE','BannerTitle'{Banner Title}:'BannerTitleOWSTEXT','BannerSubtitle'{Banner Subtitle}:'BannerSubtitleOWSTEXT'</mso:ManagedPropertyMapping>
</mso:CustomDocumentProperties>
</xml><![endif]-->
</head>
<body>
    <div id="Item_CustomArticlePage_Carousel">
<!--#_ 
        if(!$isNull(ctx.CurrentItem) && !$isNull(ctx.ClientControl)){
            var id = ctx.ClientControl.get_nextUniqueId();
            var encodedId = $htmlEncode(id);
            var title = ctx.CurrentItem.Title;
            var path = ctx.CurrentItem.Path;

            var bannerImage = $getItemValue(ctx, "BannerImage");
            var bannerTitle = $getItemValue(ctx, "BannerTitle");
            var bannerSubtitle = $getItemValue(ctx, "BannerSubtitle");
_#-->

            <div class="item">                
                <img src="_#= bannerImage =#_"/>
<!--#_ 
                if (bannerTitle != null && bannerTitle != '' && bannerTitle != 'undefined') {
_#-->
                <div class="carousel-caption">
                    <h3>_#= bannerTitle =#_</h3>
<!--#_ 
                    if (bannerSubtitle != null && bannerSubtitle != '' && bannerSubtitle != 'undefined') {
_#-->
                    <p>_#= bannerSubtitle =#_</p>
<!--#_ 
                    }
_#-->
                </div>
<!--#_ 
                }
        }
_#-->
            </div>
    </div>
</body>
</html>
